// Datepicker standalone .less buildfile.  Includes all necessary mixins/variables/rules from bootstrap
// and imports the included datepicker.less to output a minimal standalone datepicker.css
//
// Usage:
//     lessc build_standalone.less datepicker.css
//
// Variables, mixins, and rules copied from bootstrap 2.0.2

@import "build3.less";

// Dropdown css

@zindex-dropdown:               1000;
@gray-dark:                     #333;
@line-height-base:              1.428571429; // 20/14
@table-bg:                      transparent; // overall background-color
@dropdown-bg:                   #fff;
@dropdow-border:                rgba(0,0,0,.15);
@dropdown-link-color:           @gray-dark;
@dropdown-link-hover-color:     #fff;
@component-active-bg:           @brand-primary;
@dropdown-link-active-bg:       @component-active-bg;
@dropdown-link-hover-bg:        @dropdown-link-active-bg;

// Drop shadows
.box-shadow(@shadow) {
  -webkit-box-shadow: @shadow;
     -moz-box-shadow: @shadow;
          box-shadow: @shadow;
}

// The dropdown menu (ul)
// ----------------------
.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: @zindex-dropdown;
  float: left;
  display: none; // none by default, but block on "open" of the menu
  min-width: 160px;
  list-style: none;
  background-color: @dropdown-bg;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 5px;
  .box-shadow(0 5px 10px rgba(0,0,0,.2));
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;

  // Normally inherited from bootstrap's `body`
  color: #333333;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:13px;
  line-height: @line-height-base;

  th, td {
    padding: 4px 5px;
  }
}
